<template>
    <div class="not-main">
        <ul>
            <li class="fh"><router-link to="./private-letter">《 返回</router-link></li>
            <li class="tztz">通知</li>
        </ul>
        <div>
            <img src="../../assets/img/info/p1.jpg" alt="" class="tx">
            <span>OMINI.BASS</span><span>09:22</span>
            <p>确定不来一款这么棒的原型？</p>
            <div>
                <img src="../../assets/img/info/p3.jpg" alt="">
                <span>OMINI.BASS</span>
                <p>这种天气最适合在阳光下来一组瑜伽了！</p>
            </div>
        </div>
        <hr />

        <div>
            <img src="../../assets/img/info/p2.jpg" alt="" class="tx">
            <span>爬小爬</span><span>昨天</span>
            <p>赞了你的动态</p>
            <div>
                <img src="../../assets/img/info/p3.jpg" alt="">
                <span>OMINI.BASS</span>
                <p>这种天气最适合在阳光下来一组瑜伽了！</p>
            </div>
        </div>
        <hr />

        <div>
            <img src="../../assets/img/info/p3.jpg" alt="" class="tx">
            <span>LUFFY的马甲线计划</span><span>前天</span>
            <p>赞了你的动态</p>
            <div>
                <img src="../../assets/img/info/p3.jpg" alt="">
                <span>OMINI.BASS</span>
                <p>这种天气最适合在阳光下来一组瑜伽了！</p>
            </div>
        </div>
        <hr />

        <div>
            <img src="../../assets/img/info/p4.png" alt="" class="tx">
            <span>UEDART核心团队</span><span>星期二</span>
            <p>关注UEDART,获取更多的原型</p>
            <div>
                <img src="../../assets/img/info/p3.jpg" alt="">
                <span>OMINI.BASS</span>
                <p>这种天气最适合在阳光下来一组瑜伽了！</p>
            </div>
        </div>
        <hr />

        <div>
            <img src="../../assets/img/info/p5.jpeg" alt="" class="tx">
            <span>空白</span><span>星期一</span>
            <p>铁！铁！铁！给我铁！</p>
            <div>
                <img src="../../assets/img/info/p3.jpg" alt="">
                <span>OMINI.BASS</span>
                <p>这种天气最适合在阳光下来一组瑜伽了！</p>
            </div>
        </div>
        <hr />

        <div>
            <img src="../../assets/img/info/p6.png" alt="" class="tx">
            <span>橙风破浪</span><span>更早之前</span>
            <p>赞了你的动态</p>
            <div>
                <img src="../../assets/img/info/p3.jpg" alt="">
                <span>OMINI.BASS</span>
                <p>这种天气最适合在阳光下来一组瑜伽了！</p>
            </div>
        </div>
    
        <footer><Ftnav></Ftnav></footer>
    
    
    
    </div>
</template>




<script>
import Ftnav from '../../component/BottomBar'
export default {
    components:{
        Ftnav
    }
}
</script>



<style lang="stylus" scoped>
.not-main
    overflow scroll
    ul 
        display flex
        
        li  
            text-align left
            height 44px
            color #000
            font-size 24px
            line-height 44px
            background #f0efef
            font-weight 700
            &:first-child
                flex 1
                font-size 12px
                color #000
            &:last-child
                flex 2
                padding-left 60px 
    div 
        padding 12px 0
        margin-left 10px
        margin-top 10px
        .tx
            width 40px
            height 40px
            border-radius 50% 50%
        span 
            position relative
            top -8px
            left 8px
            width 160px
            height 16px
            display inline-block
        span+span
            color #ccc
            position relative
            top 12px
            left -152px
            display inline-block
        p
            margin 8px 0 12px 0
        div 
            margin 0
            padding 0
            background rgba(242, 242, 242, 1)
            width 345px
            height 42px
            line-height 39px
            img 
                width 40px
                height 40px
            span 
                position relative
                top -10px
            p
                color rgba(204, 204, 204, 0.988235294117647)
                position relative
                top -38px
                left 48px
                font-size 0.12rem

    hr 
        border 4px solid #f1f5f9
        width 100%









// .xhx-2{
//     width 40px
//     border 2px solid rgba(107, 92, 235, 1)
//     margin-top -16px
//     margin-left -4px
// }
.nav-notice{
    color #323133
}
// .yo-ico{
//     display none
// }
</style>